<!DOCTYPE HTML>
<html>
<head>
<title>Hist�ries de Barcelona</title>

<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile.js"></script>

<!--<script type="text/javascript" charset="utf-8" src="js/phonegap.js"></script>-->

</head>
<body>    
    
    <div data-role="page" id="ranking"> 
        <div data-role="header"><img src="header.png"></div>
        
        <div data-role="navbar" data-iconpos="top">
            <ul>
                <li><a href="index.html" data-theme="d" data-icon="grid">Hist&ograve;ries</a></li>
                <li><a href="ranking.html" data-theme="d" class="ui-btn-active" data-icon="info">Ranking</a></li>
                <li><a href="mapa.html" data-theme="d" data-icon="map">Mapa</a></li>
            </ul>
        </div>         
        <div data-role="content">
        
        	<div data-role="collapsible" data-theme="a" data-collapsed="false" data-content-theme="d">
   				<h3>Ranking per Rutes Fetes</h3>
   				<ul class="ui-listview ui-listview-inset ui-corner-all ui-shadow" data-role="listview">
                	<li data-filter-theme="d">1. Anna <span class="ui-li-count ui-btn-up-c ui-btn-corner-all">8 rutes</span></li>
                	<li data-filter-theme="d">2. Nuria <span class="ui-li-count ui-btn-up-c ui-btn-corner-all">5 rutes</span></li>
                	<li data-filter-theme="d">3. Dani <span class="ui-li-count ui-btn-up-c ui-btn-corner-all">3 rutes</span></li>
                	<li data-filter-theme="d">4. David <span class="ui-li-count ui-btn-up-c ui-btn-corner-all">1 rutes</span></li>
            	</ul>
			</div>
			
			<div data-role="collapsible" data-theme="a" data-content-theme="d">
   				<h3>Ranking ruta mes visitada</h3>
   				<ul class="ui-listview ui-listview-inset ui-corner-all ui-shadow" data-role="listview">
                	<li data-filter-theme="d">1. La Moños</li>
                	<li data-filter-theme="d">2. Barcino</li>
                	<li data-filter-theme="d">3. Canaletes</li>
                	<li data-filter-theme="d">4. Ruta Rom&agrave;nica</li>
            	</ul>
			</div>
        
            
        </div> 
    </div>
		</div> 
	</div>
	
</body>

</html>